<div class="faMenuDirective">
    <!--展开-->
    <div class="showMenus" ng-show="isShowMenus">
        <div>
            <span class="navbarHeader" ><i class="fa fa-paper-plane"></i>FourApes App 1.0</span>
        </div>
        <div class="mebnuBar" ng-click="isShowMenus = !isShowMenus">
            <i class="fa fa-bars fa-lg"></i>
        </div>
        <ul>
            <li class="parentNode" ng-repeat="parentNode in menus | orderBy: 'sort'"    ng-class="{'parentNode':true,'active':parentNode.show} ">
                <a href="" ng-click="clickChildNode(parentNode)">
                    <i ng-class="parentNode.icon"></i>
                    <span ng-bind="parentNode.menuName"  ></span>
                    <i class="fa fa-angle-down" ng-if="!parentNode.isButton" ></i>
                </a>
                <ul>
                    <li class="childNodes" ng-if="!parentNode.isButton" ng-repeat="childNodes in parentNode.childNodes" ng-show="parentNode.show" >
                        <a href="">
                            <span ng-bind="childNodes.menuName"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <!--收起-->
    <div class="hideMenus"  ng-show="!isShowMenus" >
        <div>
            <span class="navbarHeader" ><i class="fa fa-paper-plane"></i></span>
        </div>
        <div class="mebnuBar" ng-click="isShowMenus = !isShowMenus">
            <i class="fa fa-bars fa-lg"></i>
        </div>
        <ul>
            <li class="parentNode" ng-repeat="parentNode in menus | orderBy: 'sort'"    ng-class="{'parentNode':true,'active':parentNode.show} ">
                <a href="" >
                    <i ng-class="parentNode.icon"></i>
                </a>
            </li>
        </ul>
    </div>
</div>